<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title>我的订单</title>
    <link rel="stylesheet" type="text/css" href="./css/reset.css">
    <link rel="stylesheet" type="text/css" href="./css/style.css">
    <link rel="stylesheet" type="text/css" href="./css/iconfont/iconfont.css">
    <script type="text/javascript" src="./js/jquery.min.js"></script>
    <script type="text/javascript" src="./js/demo.js"></script>
    <script type="text/javascript" src="./js/laydate/laydate.js"></script>
</head>

<body>
    <!-- header -->
    <div class="pre-header">
        <div class="mini-nav">
            <div class="wrap">
                <div class="mini-nav-left fl">
                    <span class="fl">北京市&#12288;天气阴</span>
                    <span class="iconfont icon-icon53 fl"></span>
                    <span class="fl">&#12288;2014年11月14日&#12288;星期五</span>
                </div>
                <div class="mini-nav-right fr">
                    <a class="fl" href="#">欢迎您 linda!</a>
                    <a class="fl" href="#">我的快注</a>
                    <a class="fl" href="#"><span class="iconfont icon-favorite fl"></span class="fl"> 收藏</span></a>
                </div>
            </div>
        </div>
        <div class="nav clearfix">
            <div class="wrap">
                <div class="nav-left fl">
                    <a href="#"><img src="./images/logo.png"></a>
                </div>
                <div class="nav-right fr">
                    <a class="fl" href="./index.html">首页</a>
                    <a class="fl" href="./trademark-registration.html">商标快注</a>
                    <a class="fl" href="./news.html">注吧资讯</a>
                    <a class="fl" href="./contact-us.html">联系我们</a>
                </div>
            </div>
        </div>
    </div>
    <!-- main -->
    <div class="personal-main clearfix">
        <div class="wrap">
            <div class="personal-content clearfix">
                <div class="personal-left fl">
                    <div class="shrink-left">
                        <div class="personal-left-title">我的快注</div>
                        <div class="bar top-bar">
                            <div class="fl" style="position: relative;">
                                <img class="fl" src="./images/head.jpg">
                                <span class="fl">&#12288;你好，linda!&#12288;</span>
                                <img class="fl" src="./images/voice.png">
                                <div class="message-no fr">5</div>
                            </div>
                            <div>
                                <div class="fl">资料完善度：</div>
                                <div class="process-bar fl">
                                    <div class="percent">
                                        <p>50%</p>
                                    </div>
                                </div>
                                <div class="fl">&#12288;<a href="./usercenter-myinfo.html">完善</a></div>
                            </div>
                        </div>
                        <div class="bar bottom-bar">
                            <div class="safe-bg"></div>
                            <div class="bottom-bar-lower">
                                <div class="fl">安全等级：</div>
                                <div class="process-bar fl">
                                    <div class="percent percent-100">
                                        <p>100%</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="clearfix">
                        <ul>
                            <li class="outside">
                                <p class="usercenter-bg"><a href="javascript:;">用户中心</a></p>
                                <ul class="hidden">
                                    <li><a href="./usercenter-personal-info.html">个人信息</a></li>
                                    <li><a href="./usercenter-myinfo.html">我的资料</a></li>
                                    <li><a href="./usercenter-myidea.html">我的创意</a></li>
                                    <li><a href="./usercenter-safety-set.html">安全中心</a></li>
                                </ul>
                            </li>
                            <li class="outside">
                                <p class="order-bg"><a href="javascript:;">我的订单</a></p>
                                <ul class="hidden">
                                    <li><a href="./non-payment.html">未付款</a></li>
                                    <li><a href="./account-paid.html">已付款</a></li>
                                    <li><a href="./declared.html">已申报</a></li>
                                    <li><a href="./after-sale-service.html">售后服务</a></li>
                                    <li><a href="./order-recycling.html">订单回收站</a></li>
                                </ul>
                            </li>
                            <li class="outside">
                                <p class="dollar-bg"><a href="./my-dollar.html">我的快注币</a></p>
                            </li>
                            <li class="outside">
                                <p class="question-bg"><a href="./question.html">问答</a></p>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="personal-right fr">
                    <div class="shrink-right">
                        <div class="personal-right-title">
                            <p class="fl">我的订单</p>
                            <p class="fr">
                                <a href="#"><span class="iconfont icon-bbghuishouzhan"></span>&#12288;订单回收站</a>
                            </p>
                        </div>


                        <div class="myorder-date">
                            <span>成交时间：</span>
                            <input class="laydate-icon" onclick="laydate()">
                            <span>&#12288;至&#12288;</span>
                            <input class="laydate-icon" onclick="laydate()">
                            <span>&#12288;&#12288;关键字：</span>
                            <input class="key-word" type="text" placeholder="输入关键字">
                            <button type="submit" value="搜索">搜索</button>
                            <select class="fr">
                                <option>全部订单</option>
                                <option>已付款</option>
                                <option>未付款</option>
                            </select>
                            <script>
                            ;!function() {
                                // laydate.skin('molv');
                            }();
                            </script>
                        </div>
                        

                        <table class="table-myorder">
                            <tr>
                                <th width="25px"></th>
                                <th width="70px">订单日期</th>
                                <th width="130px">订单号</th>
                                <th>项目名称</th>
                                <th width="130px">项目类型</th>
                                <th width="110px">用时</th>
                                <th width="90px">金额</th>
                                <th width="100px">操作</th>
                            </tr>
                            <tr>
                                <td>
                                    <input type="checkbox">
                                </td>
                                <td>2014-12-04</td>
                                <td>2365422465</td>
                                <td>雷客士商标注册雷客士商标注册雷客士商标注册</td>
                                <td>商标注册</td>
                                <td>未付款</td>
                                <td class="text-highlight">&yen;80</td>
                                <td>
                                    <button type="submit" value="去付款">去付款</button>
                                    <p><a href="#">详情</a></p>
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    <input type="checkbox">
                                </td>
                                <td>2014-12-04</td>
                                <td>2365422465</td>
                                <td>雷客士商标注册</td>
                                <td>商标注册</td>
                                <td>
                                    <p>20分13秒</p>
                                    <p>（打败30个用户）</p>
                                </td>
                                <td class="text-highlight">&yen;80</td>
                                <td>
                                    <p>已付款</p>
                                    <p><a href="#">详情</a></p>
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    <input type="checkbox">
                                </td>
                                <td>2014-12-04</td>
                                <td>2365422465</td>
                                <td>雷客士商标注册</td>
                                <td>商标注册</td>
                                <td>
                                    <p>20分13秒</p>
                                    <p>（打败30个用户）</p>
                                </td>
                                <td class="text-highlight">&yen;80</td>
                                <td>
                                    <p class="text-highlight">已申报</p>
                                    <p><a href="#">详情</a></p>
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    <input type="checkbox">
                                </td>
                                <td>2014-12-04</td>
                                <td>2365422465</td>
                                <td>雷客士商标注册雷客士商标注册雷客士商标注册</td>
                                <td>商标注册</td>
                                <td>未付款</td>
                                <td class="text-highlight">&yen;80</td>
                                <td>
                                    <button type="submit" value="去付款">去付款</button>
                                    <p><a href="#">详情</a></p>
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    <input type="checkbox">
                                </td>
                                <td>2014-12-04</td>
                                <td>2365422465</td>
                                <td>雷客士商标注册</td>
                                <td>商标注册</td>
                                <td>
                                    <p>20分13秒</p>
                                    <p>（打败30个用户）</p>
                                </td>
                                <td class="text-highlight">&yen;80</td>
                                <td>
                                    <p>已付款</p>
                                    <p><a href="#">详情</a></p>
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    <input type="checkbox">
                                </td>
                                <td>2014-12-04</td>
                                <td>2365422465</td>
                                <td>雷客士商标注册</td>
                                <td>商标注册</td>
                                <td>
                                    <p>20分13秒</p>
                                    <p>（打败30个用户）</p>
                                </td>
                                <td class="text-highlight">&yen;80</td>
                                <td>
                                    <p class="text-highlight">已申报</p>
                                    <p><a href="#">详情</a></p>
                                </td>
                            </tr>
                        </table>
                        <div class="table-mini-myorder">
                            <table>
                                <tr>
                                    <td width="25px">
                                        <input type="checkbox">
                                    </td>
                                    <td width="25px">全选</td>
                                    <td width="70px"><a class="table-delete" href="#">删除</a></td>
                                    <td width="70px"><a class="table-payment" href="#">一键支付</a></td>
                                </tr>
                            </table>
                        </div>
                        <div class="myorder-page">
                            <p>1/12</p>
                            <a href="#">首页</a>
                            <a href="#">&lt;&lt;上一页</a>
                            <p style="background-color: #f40;border: 1px solid #f40;color: #fff;">1</p>
                            <a href="#">2</a>
                            <a href="#">3</a>
                            <p>......</p>
                            <a href="#">下一页&gt;&gt;</a>
                            <a href="#">尾页</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- footer -->
    <div class="personal-footer clearfix">
        <div class="wrap">
            <div class="personal-footer-left fl">
                <a href="./trademark-registration.html">新手帮助</a>&nbsp;&nbsp;|&nbsp;&nbsp;
                <a href="./trademark-registration.html">商标快注</a>&nbsp;&nbsp;|&nbsp;&nbsp;
                <a href="./news.html">注吧资讯</a>&nbsp;&nbsp;|&nbsp;&nbsp;
                <a href="./contact-us.html">联系我们</a>
            </div>
            <div class="personal-footer-right fr">
                &copy; 2014 北京市快注知识产权代理有限公司 版权所有 京ICP备14014304号-1 京ICP证140441号
            </div>
        </div>
    </div>
</body>

</html>
